<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>petshop</title>
        <!-- bootstrap -->
        <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />
    
        <!-- animate.css -->
        <link rel="stylesheet" href="./assets/css/animate.min.css" />
    
        <!-- 重置样式 -->
        <link rel="stylesheet/less" href="./assets/css/reset.less" />
    
        <!-- 公共样式 -->
        <link rel="stylesheet/less" href="./assets/css/common.less" />
    
        <!-- 页面独立的 -->
        <link rel="stylesheet/less" href="./assets/css/faxian.less" />
    </head>
<body>
    <!-- header -->
    <div class="search-box">
        <div class="search-box">
            <input class="glyphicon glyphicon-search" type="search" placeholder="搜索内容">
            <button>搜索</button>
        </div>
    </div>

    <div class="zhibo">
        <div class="container">
            <div class="left">
                <div class="item1">
                    <img class="wow fadeInRight" data-wow-delay="100ms" src="./assets/images/zhibo-1.png" alt="">
                    <div class="text1">
                        <a href="#">带我家猫咪出来玩玩~</a>
                        <a href="#">3666人观看</a>
                    </div>
                </div>
                <div class="item2">
                    <img class="wow fadeInRight" data-wow-delay="150ms"src="./assets/images/zhibo-4.png" alt="">
                    <div class="text2">
                        <a href="#">今天学学爬猫架</a>
                        <a href="#">3666人观看</a>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="item3">
                    <img class="wow fadeInRight" data-wow-delay="200ms" src="./assets/images/zhibo-2.png" alt="">
                    <div class="text3">
                        <a href="#">带我家猫咪出来玩玩~</a>
                        <a href="#">3666人观看</a>
                    </div>
                    
                </div>
                <div class="item4">
                    <img class="wow fadeInRight" data-wow-delay="250ms"src="./assets/images/zhibo-3.png" alt="">
                    <div class="text4">
                        <a href="#">带我家猫咪出来玩玩~</a>
                        <a href="#">3666人观看</a>
                    </div>
                  
                </div>
                <div class="item5">
                    <img class="wow fadeInRight" data-wow-delay="300ms"src="./assets/images/zhibo-1.png" alt="">
                </div>
            </div>
        </div>
    </div>
    
    <!-- footer -->
    <div class="footer">
        <div class="box1">
            <div class="item1">
                <img src="./assets/images/footer-1.png" alt="">
                <a href="index.html">商城</a>
            </div>
            <div class="item1">
                <img src="./assets/images/footer-2.png" alt="">
                <a href="faxian.html">发现</a>
            </div>
            <div class="item2">
                <img src="./assets/images/footer-3.png" alt="">
                <a href="gouwu.html">购物车</a>
            </div>
            <div class="item2">
                <img src="./assets/images/footer-4.png" alt="">
                <a href="me.html">我的</a>
            </div>
        </div>
    </div>
</body>
</html>
<!-- 解析less的文件 -->
<script src="./assets/js/less.min.js"></script>

<!-- jquery  -->
<script src="./assets/js/jquery.min.js"></script>

<!-- bootstrap -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- wow.js -->
<script src="./assets/js/wow.min.repeat.js"></script>

<script>
    new WOW().init()
</script>
